<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<%@ include file="/taglib.jsp" %>
<%--
  Created by IntelliJ IDEA.
  User: laimis
  Date: Jul 18, 2008
  Time: 3:41:34 PM
  To change this template use File | Settings | File Templates.
--%>
<stripes:layout-render name="/layout/standard.jsp" title="Test">
<!-- product navi componet begin -->
<stripes:layout-component name="sidebar">
    <div id="leftnav">
        <c:forEach items="${actionBean.categorys}" var="category">
            <div><h3 class="category" id="${category.nodeId}" onclick="showSubCategory(this)">${category.name}</h3>
            </div>
        </c:forEach>
    </div>
</stripes:layout-component>
<!-- product navi componet end -->
<!-- product list componet begin -->
<stripes:layout-component name="productList">
    <div id="basics">
        <div id="picture">
            <p><a href=""><img width="250" height="250"  alt="" src="${actionBean.product.content.imgUrl}"/></a>
            </p>
 <!--           <p style="text-align: center;">Click images to enlarge them</p>

            <div class="thumb">
                <a rel="nofollow" href="">
                    <img width="40" height="40" alt=""  style="border: 1px solid rgb(102, 102, 102);" src="http://77.241.142.206:8080/alfresco/d/d/workspace/SpacesStore/691fc7bd-5647-11dd-aad7-3bc6a1eb5d71/fork.gif"/>
                </a>
            </div>
            <div class="thumb">
                <a rel="nofollow" href="">
                    <img width="40" height="40" alt=""  style="border: 1px solid rgb(102, 102, 102);" src="${ctx}product.cfm_files/10157.jpg"/>
                </a>
            </div>-->
            
        </div>

        <div id="detail">
            <h1>${actionBean.product.title}</h1
            <p><span id="instock"> IN STOCK </span></p>

            <p id="ours">Our price: <strong>${actionBean.product.price}</strong> <span class="freedelivery">Free delivery</span></p>
            <p>${actionBean.product.description}</p>

            <form name="prod" method="post" action="">
                <input type="hidden" value="10157" name=""/>

                <p style="padding: 1em 0pt 4px; clear: both; font-size: 1em;">Enter quantity: <input type="text"
                                                                                                     maxlength="2"
                                                                                                     value="1"
                                                                                                     name="q" size="1"
                                                                                                     id="qty"
                                                                                                     style="width: 26px;"/> 
                </p>
                <div class="addit" style="cursor:pointer" onclick="addToBacked(this)">
                        <input class="nodeId" type="hidden" value="${actionBean.product.nodeId}"/>
                        <input class="productTitle" type="hidden" value="${actionBean.product.title}"/>
                        <input class="productPrice" type="hidden" value="${actionBean.product.price}"/>
                        <input type="image" alt="Laeg i kurv" src="${ctx}/resources/imgs/add.gif"/>
                </div>
            </form>
        </div>
    </div>
    <div class="chunk" id="fulldesc">
        <h2>Full description</h2>
        <p>${actionBean.product.note}</p>

    </div>
</stripes:layout-component>
<!-- product list componet end-->
<stripes:layout-component name="orderList">

</stripes:layout-component>
<!--order list componet end-->
</stripes:layout-render>